@import '../../styles/variables';
@import '../../styles/mixin';

.viking-auto-complete {
  position: relative;
  width: 100%;
}

.viking-auto-complete-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 4px;
  padding: 8px 0;
  background: $white;
  border: 1px solid $gray-300;
  border-radius: $border-radius;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  z-index: 1000;
  max-height: 320px;
  overflow-y: auto;
  list-style: none;
}

.viking-auto-complete-item {
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color $transition-duration $transition-timing-function;

  &:hover,
  &.is-active {
    background-color: $gray-100;
  }
}

.viking-auto-complete-loading,
.viking-auto-complete-empty {
  padding: 12px;
  color: $gray-600;
}

// 动画样式：zoom-in-top
.zoom-in-top-enter {
  opacity: 0;
  transform: translateY(-10px) scale(0.95);
}
.zoom-in-top-enter-active {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: all 0.2s ease-out;
}
.zoom-in-top-exit {
  opacity: 1;
}
.zoom-in-top-exit-active {
  opacity: 0;
  transform: translateY(-6px) scale(0.98);
  transition: all 0.15s ease-in;
}